@import "@/common/constants/StyleConst.scss";

.addNew-container :deep {
  position: relative;

  .card-title {
    background-color: $color-theme-navy !important;

    .v-toolbar__content {
      justify-content: space-between;

      .icon-btn.v-btn.v-btn--icon.v-size--default {
        height: auto;
        width: auto;

        .v-icon {
          font-size: 20px;
        }
      }
    }
  }

  .card-content {
    background-color: $color-bg-white;
    height: calc(100% - 40px);
    overflow-y: scroll;
    overflow-y: auto;

    // .col {
    //   padding: 0 12px;
    //   .v-icon::before {
    //     cursor: pointer;
    //   }
    // }
    // .hiddenIcon {
    //   .v-input__append-outer {
    //     visibility: hidden;
    //   }
    // }
  }

  .card-action {
    bottom: 12px;
    position: absolute;
    padding: 0;
    right: 12px;
    z-index: 99;

    .next-btn {
      width: 40px;
      height: 40px;

      .mdi-arrow-right-thick {
        font-size: 26px;
      }
    }
  }
}